<template>
	<div>
		<div class='cenbox'>
			<div>
				<div class='imgdiv'>
			  <image src="../../static/centerimg/feiji-keji.png" mode=""></image>
				</div>
				<p>转让出租</p>
			</div>
			<div>
				<div class='imgdiv'>
					  <image src="../../static/centerimg/huoche.png" mode=""></image>
				</div>
				<p>求职招聘</p>
			</div>
			<div>
				<div class='imgdiv'>
					  <image src="../../static/centerimg/fangche.png" mode=""></image>
				</div>
				<p>流行产品</p>
			</div>
			<div>
				<div class='imgdiv'>
				  <image src="../../static/centerimg/youting.png" mode=""></image>
				</div>
				<p>培训课程</p>
			</div>
			<div class='rightdiv'>
				<div class='imgdiv'>
					  <image src="../../static/centerimg/tabanche.png" mode=""></image>
				</div>
				<p>批发进货</p>
			</div>
		</div>
		<div class='manicurebox'>
			<div>
				<span class='consult' @click='Nailartconsultation'>
					<div class='div'>美甲咨询</div>
				</span>
			</div>
			<div> <span class='manicure'>年会不能错过的款，美呆了~ <span class='gt' @click='Nailartconsultation'> &gt;</span></span>

			</div>
		</div>

	</div>
</template>

<script>
	export default {
		methods: {
			Nailartconsultation() {
				uni.navigateTo({
					url: '/pages/manicure/index'
				})
			}
		}
	}
</script>

<style scoped>
	.cenbox{
		margin-top: 10px;
	background-color: #fff;
	}
	.popular {
		margin-left: 4px;
	}

	image{
		width: 40px;
		height: 45px;
	}

	

	.div {
		height: 20px;
		width: 50px;
		line-height: 20px;
		border-right: 1px solid #999999;
		padding-right: 20px;
	}

	.cenbox {

		text-align: center;
		justify-content: center;
		display: flex;
		line-height: 35px;

	}

	.cenbox>div {
		text-align: center;
		width: 20%;
	}

	p {
		font-size: 14px;
	}

	.imgdiv {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 1px solid #808080;
		margin-left: 13px;
		margin-top: 15px;

	}





	.manicurebox {
		background-color: #fff;
		display: flex;
		height: 40px;
		line-height: 40px;
		border-top: 1px solid #708090;
		position: relative;
		margin-top: 10px;
	}

	.manicure {
		display: inline-block;
		font-size: 14px;
		color: #101010;
		padding-left: 10px;
		margin-top: 3px;

	}

	.consult {
		display: inline-block;
		font-size: 12px;
		color: #999999;
		padding-right: 30px;
		margin-left: 10px;


	}

	.arrows {
		position: absolute;
		top: 5px;
		right: 10px;
	}
</style>
